<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <title><?=$info['author']?>：<?=$info['long_title']?></title>
        <meta name="description" content="<?=$info['description']?>">
        <link rel="shortcut icon" href="/favicon.png?2" type="image/x-icon" />
        <link rel="stylesheet" href="/layui/dist/css/layui.css?<?=$version?>">
        <link rel="stylesheet" href="/post.css?<?=$version?>">
    </head>
    <body>
        <!-- 你的HTML代码 -->
        <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
        <!--[if lt IE 9]>
          <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
          <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
        <!--文章配图-->
        <div class="post-image">
            <img src="<?=$post_image_url?>" alt="" id="post-image-id" width="0">
        </div>
        <div class="layui-container">
            <div class="layui-row">
                <div class="layui-col-md2">&nbsp;</div>
                <div class="layui-col-md8" id="post-item">
                    <!--文章id-->
                    <div id="post_id" style="display: none"><?=$info['post_id']?></div>
                    <!--文章标题-->
                    <div class="title"><h2><?=$info['title']?></h2></div>
                    <div class="author">文/<?=$info['author']?></div>
                    <!--文章正文-->
                    <div class="post-content"><?=nl2br($info['content'])?></div>

                    <!--文章发布日期/作者-->
                    <div class="author-indexlink">
                        <div class="date"><?=date('Y-m-d', $info['input_time'])?></div>
                        <div class="views">阅读(<span id="page_view"><?=$info['page_view']?></span>)</div>
                    </div>
                    <!--google ads-->
                    <div class="google-ads">

                    </div>
                    <!--推荐阅读-->
                    <?php if ($info['relation']): ?>
                    <div class="more-read-container">
                        <div class="more-title">推荐阅读</div>
                        <div class="more-read">
                            <ol>
                                <?php foreach ($info['relation'] as $r): ?>
                                <li><a href="/post/<?=$r['post_id']?>" title="<?=$r['title']?> | <?=$r['author']?>"><?=$r['title']?> - <?=$r['author']?></a></li>
                                <?php endforeach; ?>
                            </ol>
                        </div>
                    </div>
                    <?php endif; ?>

                    <?php require TPL_PATH . 'home/footer.html'; ?>

                </div>
                <div class="layui-col-md2">&nbsp;</div>
            </div>
        </div>
        <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
        <script src="/layui/dist/layui.js?<?=$version?>"></script>
        <script>
            layui.use(['jquery', 'element', 'util', 'layer'], function () {
                var $ = layui.$, element = layui.element;
                $(function () {
                    var ajaxurl = '/index/wxsign';
                    var query = new Object();
                    var thisurl = location.href.split('#')[0];
                    query.thisurl = $.trim(thisurl);
                    query.post_type = "json";
                    $.ajax({
                        url: ajaxurl,
                        data: query,
                        type: "POST",
                        dataType: "json",
                        success: function (ress) {
                            wx.config({
                                debug: false,
                                appId: ress.appid,
                                timestamp: ress.timestamp,
                                nonceStr: ress.nonceStr,
                                signature: ress.signature,
                                jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage']
                            });
                        }
                        , error: function (ress) {
                            //console.log(ress);
                        }
                    });
                });
            });
        </script>
        <script src="/post.js?<?=$version?>"></script>
    </body>
</html>